<template>
  <el-card style="margin-top: 10px;">
    <!--1-->
    <el-card style="width:100%;  height:100%; float: left;margin-top: 10px">
      <DynamicSortLineChart/>
    </el-card>
    <!--2-->
    <el-card style="width:100%;  height:100%; float: left;margin-top: 10px">
      <StackLineChart/>
    </el-card>
    <!--3-->
    <el-card style="width:100%;  height:100%; float: left;margin-top: 10px">
      <UserInsertChart/>
    </el-card>
    <!--4-->
    <el-card style="width:100%;  height:100%; float: left;margin-top: 10px">
      <Contribution/>
    </el-card>
    <!--5-->
    <el-card style="width:100%;  height:100%; float: left;margin-top: 10px">
      <PieWithScrollableLegend/>
    </el-card>
  </el-card>
</template>

<script>
import StackLineChart from '../charts/dataCount/StackLineChart.vue';
import UserInsertChart from '../charts/dataCount/UserInsertChart.vue';
import DynamicSortLineChart from '../charts/dataCount/DynamicSortLineChart.vue';
import Contribution from '../charts/dataCount/Contribution.vue';
import PieWithScrollableLegend from '../charts/dataCount/PieWithScrollableLegend.vue';

export default {
  components: {StackLineChart, UserInsertChart, DynamicSortLineChart, Contribution, PieWithScrollableLegend},
  name: "DataCount",
  data() {
    return {};
  },
  methods: {},
  mounted() {
  },
};
</script>
